/* 
    Document   : histogram
    Created on : Jul 30, 2012, 9:51:54 AM
    Author     : ctyeung
    Description:
        Purpose of the stylesheet follows.
*/

root { 
   display: block;
}



.divHistogram {cursor: pointer; position: absolute; display: block; top: 250px; left: 350px; width: 385px; height: 190px; border: 1px solid #000; background-color: #FFF; border-radius: 10px;}

.divBarGraph {display: inline-block; position: relative; float: left; border: 1px solid #000; width:256; height:100px; background-color: #DDD; margin: 11px 11px;}
.divBtnValues{display: inline-block; position: relative; float: left; margin: 5px 5px 5px 5px;}

.divInput,
.name {display: inline; position: relative; float: left; margin-top: 2px;}

.divInput{margin: 0px 5px 3px 5px;}
input {display: inline; padding: 0px 5px 5px 5px;}
#txtShadow{margin-left: 5px;}
#txtGamma,
#txtHighlight{margin-left: 20px;}

/* them sliders */
.slider {cursor: pointer; position: relative; float: left; display: inline-block;}
.slider:hover{opacity: .8;}

.divSliders {position: relative; display: block; float: left; height: 20px; width: 270px; margin: 2px 5px 5px 5px; border-top: 1px solid #000;}
.btnShadow {background:url(../../assets/buttons/blk_small.png) no-repeat; width: 15px; height: 15px; position: absolute; display: block;}
.btnGamma {background:url(../../assets/buttons/gry_small.png) no-repeat; left: 127px; width: 15px; height: 15px; position: absolute; display: block;}
.btnHighLight {background:url(../../assets/buttons/wht_small.png) no-repeat; left:256px; width: 15px; height: 15px; position: absolute; display: block;}


.divGraphContainer, .divControl {position: relative; display: inline-block; float: left;}
.btnOK, .btnCancel, .btnAuto {width: 60px; padding: 5px 5px 5px 15px;}
.btnOK {margin-top: 10px;}

.bar {position:relative; float: left; display: inline-block;}
.colorR {background-color: #F00;}
.colorG {background-color: #0F0;}
.colorB {background-color: #00F;}
.colorA {background-color: #888;}
.colorG {background-color: #000;}

#comboChannel {margin: 5px 5px 5px 5px; width: 80px;}